<template>
    <div>

        <div class="tip1">
            <div class="header">
                <p>常见科室</p>
                <p>全部</p>
            </div>

            <div class="body">

                <ul>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                </ul>
            </div>

        </div>

        <div class="tip2">
            <div class="header">
                <p>常见科室</p>
                <p>全部</p>
            </div>

            <div class="body">

                <ul>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                </ul>
            </div>

        </div>


        <div class="tip3">
            <div class="header">
                <p>常见科室</p>
                <p>全部</p>
            </div>

            <div class="body">

                <ul>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                    <li>神经内科</li>
                </ul>
            </div>

        </div>

        <div class="notice">
            <div class="left">平台公告</div>
            <div class="right"> 全部 > </div>
            <ul>
                <li>北京大学</li>
                <li>北京大学</li>
                <li>北京大学</li>
            </ul>

        </div>


    </div>
</template>
<script setup>

</script>
<style scoped lang="scss">
.header {
    display: flex;

    justify-content: space-between;
    padding: 10px;
    font-size: 18px;
}

.body>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    li {
        width: 45%;
    }

}

.notice {
    margin-top: 10px;
}
</style>